<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>WSM</title>
	<%@ include file="/global/inx.jsp"%>
	<link rel="shortcut icon" href="${rootPath}/images/${theme }/wsm.png" /> 
	<link rel="stylesheet"  type="text/css" href="${rootPath}/css/public.css">
	<!-- theme css -->
	<link rel="stylesheet" id="themes_css_inx" type="text/css" href="${rootPath}/css/themes/${theme }/inx.css">
	<link rel="stylesheet" id="themes_css_easyui" type="text/css" href="${rootPath}/css/easyui/themes/${theme }/easyui.css">
	<link rel="stylesheet" id="themes_css_easyui_icon" type="text/css" href="${rootPath}/css/easyui/themes/${theme }_icon.css">

	<script type="text/javascript" src="${rootPath}/script/jquery/jquery-1.4.4.min.js"></script>
	<!-- jQuery plugin-->
	<script type="text/javascript" src="${rootPath}/script/jquery/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="${rootPath}/script/jquery/jquery.cookie.js"></script>
	<!-- WSM JS -->
	<script type="text/javascript" src="${rootPath}/script/wsm.js"></script>
</head>
<body class="easyui-layout">
	<div region="west" split="true" iconCls="icon-home" title="导航菜单" style="width:180px;padding1:1px;overflow:hidden;">
		<div class="easyui-accordion" fit="true" border="false">
			<div title="Title1" selected="true" iconCls="icon-coins" class="menus_nav">
				<div class="memu_nav memu_money_nav">
					<p>
						<a href="#" class="menu_a">
							<span><strong>Title1</strong></span>
							
						</a>
					</p>
				</div>
				<div class="memu_nav memu_other_nav">
					<p>
						<a href="#" class="menu_a">
							<span><strong>Title2</strong></span>
							
						</a>
					</p>
				</div>
				<div class="memu_nav memu_other_nav">
					<p>
						<a href="#" class="menu_a">
							<span><strong>Title3</strong></span>
							
						</a>
					</p>
				</div>				
				

			</div>
			<div title="Title2" style="padding:10px;">
			</div>
			<div title="Title3">
			</div>
		</div>
	</div>
	<div region="center"  style="overflow:hidden;">
		<div class="easyui-tabs" fit="true" border="false">
			<div title="Tab1" style="padding:20px;overflow:hidden;"> 
				
			</div>
			<div title="Tab2" closable="true" style="padding:20px;">This is Tab2 width close button.</div>
			<div title="Tab3" icon="icon-reload" closable="true" style="overflow:hidden;padding:5px;">
				<table id="tt2"></table> 
			</div>
		</div>
	</div>
	<!-- 
	<div region="east" iconCls="icon-reload" title="Tree Menu" split="true" style="width:180px;">
		<ul class="easyui-tree" url="tree_data.json"></ul>
	</div>
	 -->
	<div region="north"  border="false"  style="overflow:hidden;height:60px;float: right;">
		<div style="float: right;padding-right: 20px;padding-top: 5px;">
			<select id="theme_select" class="wsm_easyui_combo">
			</select>	
		</div>
		<div id="sp">
		<div style="color:#99BBE8;background:#fafafa;padding:5px;">选择主题</div>
		<input type="radio" name="lang" value="default"><span>默认</span><br/>
		<input type="radio" name="lang" value="gray"><span>灰色</span><br/>
	</div>
	</div>
	
</body>
<script type="text/javascript">
$(function(){
	$('#sp').appendTo($('#theme_select').combo('panel'));
	$('#sp input').click(function(){
		var v = $(this).val();
		var s = $(this).next('span').text();
		$('#theme_select').combo('setValue', v).combo('setText', s).combo('hidePanel');
		changeStyle($('#theme_select').combo('getValue'));
	});
});
$(document).ready(function(){
	$.cookie("theme", '${theme}');  
	}
);
$(document).
</script>
</html>